<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login Page</title>

<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>

<style type="text/css">
@CHARSET "ISO-8859-1";

body {
	background-image: url(images/oldpaper.png);
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 10px;
}

#lb {
	background-color: #FFFF99;
	
}

#mb {
	background-color: #FF9966;
}

#ldiv  {
	background-image: url(images/loginbg.png);
	border-radius: 4%;
	margin: 100px auto 50px auto;
	width: 550px;
	height: 400px;
}

#mdiv {
	border-radius: 4%;
	border: 2px dashed #ccc;
	margin: 30px auto 30px auto;
	width: 500px;
	height: 350px;
	background-color: #3399FF;
}

#divhead {
	border-radius: 4%;
	border: 1px dashed #ccc;
	margin: 40px auto 0px auto;
	width: 500px;
	height: 70px;
	background-color: #73B66B;
}

#divfoot {
	border-radius: 4%;
	margin: 30px auto 0px auto;
	width: 500px;
	height: 40px;
	background-color: #EF597B;
}

#lh1 {
	color: #ffffff;
	text-shadow: 1px 1px 1px #ebd6d1;
	font-size: 40px;
	margin: 50px auto 20px auto;
	font-family: 'Share Tech Mono', sans-serif;
	text-align: center;
}

#mh1 {
	color: #FF3333;
	font-size: 40px;
	margin: 0px auto 30px auto;
	font-family: 'Text Me One', sans-serif;
	padding-top: 10px;
}

#username, #password {
	height: 30px;
	width: 200px;
	margin: auto auto 5px auto;
	font-family: 'Quicksand', sans-serif;
	color: #587498;
}

#submit {
	height: 30px;
	width: 200px;
	margin: auto auto 5px auto;
	font-family: 'Quicksand', sans-serif;
	background-color: #e4a192;
	color: #003333;
}

h4 {
	text-align: center;s
	font-family: 'Abel', sans-serif;
	color: #262416;
}

h2 {
	text-align: center;
	font-family: 'Abel', sans-serif;
	color: #FFFF99;
	
}

#mh4 {
	text-align: center;
	font-family: 'Abel', sans-serif;
	color: #262416;
	padding-top: 10px;
}

#fb, #go {
	margin-left: 20px;
}

#ama, #afb, #ago, #logout {
	text-align: center;
	font-family: 'Abel', sans-serif;
	color: #3F3C29;
}
</style>

</head>
<body>
	<div id='ldiv'>
	<form action=validate method=post>
	<h1 id='lh1'><br><br>LOGIN FORM<br></h1>
	
		<center><input id='username' type=text name=user placeholder='Username' autofocus=required>
		<br><input id='password' type=password name=pass placeholder='Password' required></center>
		
		<br><center><input type='submit' id='submit' value='LOG IN'></center>
		
	</form>
	</div>


</body>
</html>